---
layout: default
---

<div id="home-banner">
	<img id="home-logo" src="{{ site.baseurl }}/assets/logo.svg" alt="Magnet Player icon">

	<h2>把种子连接放在文本框中，点击播放</h2>
</div>

<hr>

<form id="magnet-input">
	<input name="torrentId" placeholder="magnet:"><button type="submit">播放</button>
</form>

<div id="hero">
	<div id="output">
		<div id="progressBar"></div>
		<!-- The video player will be added here -->
	</div>

	<!-- Statistics -->
	<div id="status">
		<div>
			<span class="show-leech">Downloading </span>
			<span class="show-seed">Seeding </span>
			<code id="streamedFileName"></code>
			<span class="show-leech"> from </span>
			<span class="show-seed"> to </span>
			<code id="numPeers">0 peers</code>
		</div>

		<div>
			<code id="downloaded"></code> of <code id="total"></code> - <span id="remaining"></span>
		</div>

		<div>
			&#x2193; <code id="downloadSpeed">0 b/s</code> / <code id="uploadSpeed">0 b/s</code> &#x2191;
		</div>

		<div id="share-clipboard">
			<p>Share this video:</p>
			<input id="share-url" type="text" readonly><button id="share-url-btn" class="btn" type="button" data-toggle="tooltip" title="Copy to clipboard" data-clipboard-target="#share-url"><img class="clippy" src="{{ site.baseurl }}/assets/clippy.svg" alt="Copy to clipboard"></button>
		</div>
	</div>
</div>

<hr>

<blockquote>
	<p>我应该在上面的输入框中写什么？</p>
</blockquote>

<h4>找到您要观看的种子，然后将以下其中一种复制粘贴到输入框中：</h4>

<ul>
	<li>磁链接</li>
	<li>种子文件链接</li>
	<li>解析种子文件</li>
	<li>http/https的种子文件</li>
</ul>

<blockquote>
	<p>可以给我一个演示吗?</p>
</blockquote>

<h4>当然! 尝试 <em>粘贴复制</em> 这个链接到输入框中:</h4>

<pre>https://webtorrent.io/torrents/sintel.torrent</pre>

<blockquote>
	<p>我该怎么说谢谢?</p>
</blockquote>

<div class="kudos" data-amount="0" data-url="https://ferrolho.github.io{{ site.baseurl }}"></div>
